page{
  width: 100%;
  min-height: 100%;
  background: #F6F6F6;
}
.customer-cont{
  & .top-tips{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30rpx;
    height: 100rpx;
    line-height: 100rpx;
    color: #666;
    background: #F6F6F6;
    font-size: 28rpx;
    & .tips-icon{
      font-size: 40rpx;
    }
  }
  & .customer-list{
    background: #fff;
    & .customer-item{
      padding: 0 30rpx;
      display: flex;
      align-items: center;
      height: 120rpx;
      border-bottom: 1px solid #EDEDED;
      &:last-child{
        border-bottom: none;
      }
      & .item-img{
        width: 72rpx;
        height: 72rpx;
        border-radius: 50%;
        overflow: hidden;
        background: url() no-repeat center;
        background-size: cover;
        margin-right: 16rpx;
        flex-shrink: 0;
        &>image{
          width: 100%;
          height: 100%;
        }
      }
      & .item-name{
        font-size: 28rpx;
        color: #666;
        flex-grow: 1;
      }
    }
  }
  & .load-tips{
    font-size: 28rpx;
    color: #666;
    text-align: center;
  }
}

/* 规则说明弹窗 */
.pup-bottom{
  font-size: 32rpx;
  color: #FF2424;
  display: block;
  width: 100%;
  text-align: center;
}
.rule-cont{
  margin-top: -0.7em;
  & .pup-title{
    font-weight: bold;
    color: #333;
    font-size: 36rpx;
    line-height: 1.5;
  }
  & .rule-title{
    margin-top: 25rpx;
    color: #FF2424;
    font-size: 30rpx;
    text-align: left;
    padding-left: 15rpx;
    position: relative;
    line-height: 1.5;
    &:before{
      display: block;
      position: absolute;
      content: "";
      width: 2px;
      background: #FF2424;
      height: 30rpx;
      left: 0;
      top: 50%;
      margin-top: -13rpx;
    }
  }
  & .rule-list{
    margin-top: 15rpx;
    color: #666;
    line-height: 1.5;
    text-align: left;
  }
}


/* 缺省页 */
.customer-nodata{
  padding-top: 30%;
  & .nodata-top{
    & .top-img{
      width: 410rpx;
      margin: 60rpx auto;
      height: 300rpx;
      &>image{
        width: 100%;
        height: 100%;
      }
    }
    & .m-t-30 {
      margin-top: 30%;
    }
    & .top-tips{
      text-align: center;
      padding: 0 40rpx;
      line-height: 1.5;
      color: #999;
      font-size: 30rpx;
      & .tips-2{
        margin-top: 10rpx;
        & .tips-inner{
          color: #FF2424;
          font-size: 36rpx;
        }
      }
    }
  }
  & .nodata-exp{
    margin-top: 120rpx;
    padding: 0 30rpx;
    font-size: 28rpx;
    line-height: 1.5;
    color: #999;
    & .exp-title{
      color: #333;
      margin-bottom: 10rpx;
    }
  }
}
